class Login_login {
    constructor() {
    }
    init() {
        this.nameRepet()//调用验证用户名是否已被注册
    }
    //1.验证用户名是否已被注册
    nameRepet() {
        //最终可以做优化：事件类型可以改为inupt事件，让用户体验更好，及输入立马验证，但会出现一个问题，input事件是高频事件，会出现性能损耗问题，可以使用防抖节流去优化用户体验。
        //input高频事件优化：有空在做！！！
        $('.login_btn').on('click', function () {
            //验证用户名是否在数据库中存在，存在直接返回存在，不存在显示可用
            //验证用户名：前端传递给后端用户数据，后端验证返回yes，no，yes可用，no不可请注册用户
            // let username = $('.username').val()
            // let password = $('#password').val()
            // let yanzhengma = $('.yzm').val()
            $.ajax({
                method: 'post',
                url: 'http://127.0.0.1/SAMSUNGproject/backend/login_login.php',
                data: {
                    username: $('.username').val(),
                    password: $('#password').val(),
                    captcha: $('#captcha').val()
                }
            }).then(function (result) {
                console.log(result);
                console.log(result);
                //根据后端返回的数据进行判断yes 或no ：yes表示可用，no表示重复
                if (result !== 'nameno') {//判断前端用户名是否已经被注册

                    if (result !== 'passwordfail') {//判断是否密码是否正确
                        //正确执行一下代码
                        if (result === 'success') {//判断验证码的正确
                            $('.falname').eq(2).html('').removeClass('iconfont icon-shibai')

                            //登录成功之后跳转到页面逻辑
                            location.href = 'http://127.0.0.1/SAMSUNGproject/frontend/index.html'
                            //储存当前用户名
                            localStorage.setItem('username', $('.username').val())

                        } else {

                            $('.falname').eq(2).html('验证码错误').addClass('iconfont icon-shibai').css('color', 'red')
                            //登录失败切换验证码
                            $('.yanzhengma').attr('src', 'http://127.0.0.1/SAMSUNGproject/backend/image_captcha.php')

                        }
                    } else {
                        //密码不正确报错
                        $('.falname').eq(1).html('密码错误').addClass('iconfont icon-shibai').css('color', 'red')
                        $('#password').val('')
                        //登录失败切换验证码
                        $('.yanzhengma').attr('src', 'http://127.0.0.1/SAMSUNGproject/backend/image_captcha.php')
                    }
                } else {
                    $('.falname').eq(0).html('用户名未注册').addClass('iconfont icon-shibai').css('color', 'red')
                    //登录失败切换验证码
                    $('.yanzhengma').attr('src', 'http://127.0.0.1/SAMSUNGproject/backend/image_captcha.php')
                }
            })
        })
        // 点击验证码切换
        $('.yanzhengma').on('click', function () {
            $(this).attr('src', 'http://127.0.0.1/SAMSUNGproject/backend/image_captcha.php');
        })
        //点击手机号码登录跳转手机号码登录页面
        // console.log($('.login_other_i a').eq(1));

        $('.login_other_i a').eq(0).on('click', function (e) {
            location.href = 'http://127.0.0.1/SAMSUNGproject/frontend/login.html'
        })
    }
}
export {
    Login_login
}